<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Daily News</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="layout/styles/main.css" rel="stylesheet" type="text/css" media="all">
<link href="layout/styles/mediaqueries.css" rel="stylesheet" type="text/css" media="all">
<!--[if lt IE 9]>
<link href="layout/styles/ie/ie8.css" rel="stylesheet" type="text/css" media="all">
<script src="layout/scripts/ie/css3-mediaqueries.min.js"></script>
<script src="layout/scripts/ie/html5shiv.min.js"></script>
<![endif]-->
</head>

<body class="">
<div class="wrapper row1">
  <header id="header" class="full_width clear">
    <hgroup>
      <h1><a href="index.html">Daily News</a></h1>
      <h2>&nbsp;</h2>
    </hgroup>
    <div id="header-contact">
      <ul class="list none">
        <li><span class="icon-envelope"></span> <a href="#">hanluongbich@gmail.com</a></li>
        <li><span class="icon-phone"></span> +84 164 7340291</li>
      </ul>
    </div>
  </header>
</div>
<!-- ################################################################################################ -->
<div class="wrapper row2">
  <nav id="topnav">
    <ul class="clear">
      <li class="active"><a href="showNewsContent.do" method=POST modelAttribute="News" title="Homepage">Trang Chủ</a></li>
      <li><a class="drop" href="#" title="Pages">Xã Hội</a>
        <ul>
          <li><a href="pages/full-width-content.html" title="Full Width Content">Giáo Dục</a></li>
          <li><a href="pages/content-leftsidebar.html" title="Content + Left Sidebar">Tuyển Sinh</a></li>
          <li><a href="pages/content-rightsidebar.html" title="Content + Right Sidebar">Du Lịch</a></li>
          <li><a href="pages/content-bothsidebars.html" title="Content + Both Sidebars">Du Học</a></li>
          
        </ul>
      </li>
      <li><a class="drop" href="#" title="Elements">Thế Giới</a>
        <ul>
          <li><a href="elements/buttons.html" title="Buttons">Cuộc Sống Đó Đây</a></li>
          <li><a href="elements/alert-messages.html" title="Alert Messages">Người Việt 5 Châu</a></li>
          <li><a href="elements/font-icons.html" title="Font Icons">Ảnh</a></li>
          <li><a href="elements/call-to-action.html" title="Call To Action">Tư Liệu</a></li>
          
          
        </ul>
      </li>
      <li><a class="drop" href="#" title="Portfolio Layouts">Thể Thao</a>
        <ul>
          <li><a href="portfolio-layouts/portfolio-overview-full-width-content.html" title="Full Width Portfolio">Bóng Đá</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns.html" title="2 Column Grid">Bóng Chuyền</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns-leftsidebar.html" title="2 Column Grid + Left Sidebar">Tennis</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns-rightsidebar.html" title="2 Column Grid + Right Sidebar">Cử Tạ</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns-bothsidebars.html" title="2 Column Grid + Both Sidebars">Đưa xe đạp</a></li>
          
          <li class="last-child"><a href="portfolio-layouts/portfolio-overview-4columns.html" title="4 Column Grid">Đua xe hơi</a></li>
        </ul>
      </li>
      <li><a class="drop" href="#" title="Gallery Layouts">Khoa Học</a>
        <ul>
          <li><a href="gallery-layouts/gallery-full-width-content.html" title="Full Width Gallery">Môi Trường</a></li>
          <li><a href="gallery-layouts/gallery-2columns.html" title="2 Column Grid">Khám Phá</a></li>
          
          <li class="last-child"><a href="gallery-layouts/gallery-5columns.html" title="5 Column Grid">Công Nghệ Mới</a></li>
        </ul>
      </li>
      <li><a class="drop" href="#" title="Gallery Layouts">Công Nghệ</a>
      <ul>
          <li><a href="portfolio-layouts/portfolio-overview-full-width-content.html" title="Full Width Portfolio">Điện Thoại</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns.html" title="2 Column Grid">Máy Tính</a></li>
          
          
          <li class="last-child"><a href="portfolio-layouts/portfolio-overview-4columns.html" title="4 Column Grid">Khác</a></li>
        </ul>
      </li>
      <li><a class="drop" href="#" title="Gallery Layouts">Giải Trí</a>
      <ul>
          <li><a href="portfolio-layouts/portfolio-overview-full-width-content.html" title="Full Width Portfolio">Giới Sao</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns.html" title="2 Column Grid">Phim Truyền Hình</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns-leftsidebar.html" title="2 Column Grid + Left Sidebar">Sách</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns-rightsidebar.html" title="2 Column Grid + Right Sidebar">Nhạc</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns-bothsidebars.html" title="2 Column Grid + Both Sidebars">Sân Khấu-Mỹ Thuật</a></li>
          
          <li class="last-child"><a href="portfolio-layouts/portfolio-overview-4columns.html" title="4 Column Grid">Video</a></li>
        </ul>
      </li>
      <li><a class="drop" href="#" title="Gallery Layouts">Sức Khỏe</a>
      <ul>
          <li><a href="portfolio-layouts/portfolio-overview-full-width-content.html" title="Full Width Portfolio">Mẹo Vặt</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns.html" title="2 Column Grid">Sống Khỏe</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns-leftsidebar.html" title="2 Column Grid + Left Sidebar">Ẩm Thực</a></li>
          <li class="last-child"><a href="portfolio-layouts/portfolio-overview-4columns.html" title="4 Column Grid">Giới Tính</a></li>
        </ul>
      </li>
      <li><a class="drop" href="#" title="Gallery Layouts">Kinh Doanh</a>
      <ul>
          <li><a href="portfolio-layouts/portfolio-overview-full-width-content.html" title="Full Width Portfolio">Trong Nước</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns.html" title="2 Column Grid">Quốc Tế</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns-leftsidebar.html" title="2 Column Grid + Left Sidebar">Doanh Nghiệp</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns-rightsidebar.html" title="2 Column Grid + Right Sidebar">Doanh Nhân</a></li>
          <li><a href="portfolio-layouts/portfolio-overview-2columns-bothsidebars.html" title="2 Column Grid + Both Sidebars">Bất Động Sản</a></li>
          
          <li class="last-child"><a href="portfolio-layouts/portfolio-overview-4columns.html" title="4 Column Grid">Chứng Khoán</a></li>
        </ul>
      </li>
      
    </ul>
  </nav>
</div>
<!-- content -->
<div class="wrapper row3">
  <div id="container">
    <!-- ################################################################################################ -->
    <div id="homepage" class="clear">
      <div class="two_sixth">
        
        <div class="tab-wrapper rnd8 clear">
          <ul class="tab-nav clear">
            <li><a href="#tab-1">Hot News</a></li>
            <li><a href="#tab-2">Hot Video</a></li>
            <li><a href="#tab-3">Ảnh Hot</a></li>
          </ul>
          <div class="tab-container">
            <!-- Tab Content -->
            <div id="tab-1" class="tab-content clear">
              <h2>Vivamuslibero Auguer</h2>
              <p>This is a W3C standards compliant free responsive HTML5 website template from <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a>. For full terms of use of this template please read our <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>.</p>
              <p>You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more responsive HTML5 templates visit <a href="http://www.os-templates.com/">Free Website Templates</a>.</p>
              <p>Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam. Metadipiscing eget facilis elit sagittis felisi eger id justo maurisus convallicitur.</p>
            </div>
            <!-- ## TAB 2 ## -->
            <div id="tab-2" class="tab-content clear">
              <h2>Vivamuslibero Auguer</h2>
              <p>Tab content number 2</p>
            </div>
            <!-- ## TAB 3 ## -->
            <div id="tab-3" class="tab-content clear">
              <h2>Vivamuslibero Auguer</h2>
              <p>Tab content number 3</p>
            </div>
            <!-- / Tab Content -->
          </div>
        </div>
        <div class="divider2"></div>
        <div class="last">
          <h2 class="nospace font-large">Headline Text</h2>
          <ul class="list decimal">
            <li><a href="#">Donec vestibulum est eget nulla bibendum rutrum.</a></li>
            <li><a href="#">Vestibulum at nulla eu est molestie pellentesque.</a></li>
            <li><a href="#">Ut in est orci, scelerisque consequat metus.</a></li>
            <li><a href="#">Proin tempor luctus arcu, in varius nibh imperdiet.</a></li>
            <li><a href="#">Nullam dictum erat vel tortor tristique et ferment.</a></li>
            <li><a href="#">Donec condimentum dui eu dolor consectetur nec.</a></li>
          </ul>
        </div>
        <!-- ########## -->
        <div class="clear"></div>
      </div>
      <!-- ################################################################################################ -->
      <!-- ################################################################################################ -->
      <div class="three_sixth">
        <article class="push50">
          <p class="bold uppercase nospace"><a href="#">Headline Text</a></p>
          <p>Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam.</p>
          <div><img src="images/demo/1200x400.gif" alt=""></div>
        </article>
        <!-- ########## -->
        <div class="clear">
          <!-- ########## -->
          <div class="one_third first">
            <article class="push20">
              <p class="bold uppercase nospace"><a href="#">Headline Text</a></p>
              <p class="nospace push10">Aliquatjusto quisque nam consequat</p>
              <img src="images/demo/1200x400.gif" alt=""></article>
            <article class="push20">
              <p class="bold uppercase nospace"><a href="#">Headline Text</a></p>
              <p class="nospace push10">Aliquatjusto quisque nam consequat</p>
              <img src="images/demo/1200x400.gif" alt=""></article>
            <article class="push20">
              <p class="bold uppercase nospace"><a href="#">Headline Text</a></p>
              <p class="nospace push10">Aliquatjusto quisque nam consequat</p>
              <img src="images/demo/1200x400.gif" alt=""></article>
            <article class="push20">
              <p class="bold uppercase nospace"><a href="#">Headline Text</a></p>
              <p class="nospace push10">Aliquatjusto quisque nam consequat</p>
              <img src="images/demo/1200x400.gif" alt=""></article>
            <article class="push20">
              <p class="bold uppercase nospace"><a href="#">Headline Text</a></p>
              <p class="nospace push10">Aliquatjusto quisque nam consequat</p>
              <img src="images/demo/1200x400.gif" alt=""></article>
            <article class="push20">
              <p class="bold uppercase nospace"><a href="#">Headline Text</a></p>
              <p class="nospace push10">Aliquatjusto quisque nam consequat</p>
              <img src="images/demo/1200x400.gif" alt=""></article>
          </div>
          <div class="two_third">
            <article class="push20">
              <div class="push20"><img src="images/demo/1200x400.gif" alt=""></div>
              <p class="bold uppercase nospace"><a href="#">Headline Text</a></p>
              <p class="nospace">Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam.</p>
            </article>
            <article class="push20">
              <div class="push20"><img src="images/demo/1200x400.gif" alt=""></div>
              <p class="bold uppercase nospace"><a href="#">Headline Text</a></p>
              <p class="nospace">Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam.</p>
            </article>
            <article class="push20">
              <div class="push20"><img src="images/demo/1200x400.gif" alt=""></div>
              <p class="bold uppercase nospace"><a href="#">Headline Text</a></p>
              <p class="nospace">Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam.</p>
            </article>
            <article>
              <div class="push20"><img src="images/demo/1200x400.gif" alt=""></div>
              <p class="bold uppercase nospace"><a href="#">Headline Text</a></p>
              <p class="nospace">Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam.</p>
            </article>
          </div>
          <!-- ########## -->
        </div>
        <!-- ########## -->
        <div class="clear"></div>
      </div>
      <!-- ################################################################################################ -->
      <!-- ################################################################################################ -->
      <div class="one_sixth">
        <h1 class="nospace font-large">Tin Tức</h1>
        <article class="push20">
          <p><a href="#">Xã hội</a></p>
          <div><ul>
          <li>tin 1
          <li>tin 2
          </ul></div>
        </article>
        <article class="push20">
          <p><a href="#">Thế Giới</a></p>
          <div><ul>
          <li>tin 1
          <li>tin 2
          </ul></div>
        </article>
        <article class="push20">
          <p><a href="#">Thể Thao</a></p>
          <div><ul>
          <li>tin 1
          <li>tin 2
          </ul></div>
        </article>
        <article class="push20">
          <p><a href="#">Khoa Học</a></p>
          <div><ul>
          <li>tin 1
          <li>tin 2
          </ul></div>
        </article>
         <article class="push20">
          <p><a href="#">Công Nghệ</a></p>
          <div><ul>
          <li>tin 1
          <li>tin 2
          </ul></div>
        </article>
         <article class="push20">
          <p><a href="#">Giải Trí</a></p>
          <div><ul>
          <li>tin 1
          <li>tin 2
          </ul></div>
        </article>
        <article class="push20">
          <p><a href="#">Sức Khỏe</a></p>
          <div><ul>
          <li>tin 1
          <li>tin 2
          </ul></div>
        </article>
        <article class="push20">
          <p><a href="#">Kinh Doanh</a></p>
          <div><ul>
          <li>tin 1
          <li>tin 2
          </ul></div>
        </article>
        <div class="push20">
          <h2 class="nospace font-large">Headline Text</h2>
          <ul class="list arrow">
            <li><a href="#">Donec vestibulum</a></li>
            <li><a href="#">Vestibulum at nulla</a></li>
            <li><a href="#">Ut in est orci</a></li>
            <li><a href="#">Proin tempor luctus</a></li>
            <li><a href="#">Nullam dictum erat</a></li>
            <li><a href="#">Donec condi ment</a></li>
          </ul>
        </div>
        <article>
          <p><a href="#">Aliquat justo quisque nam cons equat.</a></p>
          <div><img src="images/demo/gallery.gif" alt=""></div>
        </article>
        <!-- ########## -->
        <div class="clear"></div>
      </div>
    </div>
    <!-- ################################################################################################ -->
    <div class="clear"></div>
  </div>
</div>
<!-- Footer -->
<div class="wrapper row2">
  <div id="footer" class="clear">
    <div class="one_quarter first">
      <h2 class="footer_title">Footer Navigation</h2>
      <nav class="footer_nav">
        <ul class="nospace">
          <li><a href="#">Home Page</a></li>
          <li><a href="#">Our Services</a></li>
          <li><a href="#">Meet the Team</a></li>
          <li><a href="#">Blog</a></li>
          <li><a href="#">Contact Us</a></li>
          <li><a href="#">Gallery</a></li>
          <li><a href="#">Portfolio</a></li>
          <li><a href="#">Online Shop</a></li>
        </ul>
      </nav>
    </div>
    <div class="one_quarter">
      <h2 class="footer_title">Latest Gallery</h2>
      <ul id="ft_gallery" class="nospace spacing clear">
        <li class="one_third first"><a href="#"><img src="images/demo/80x80.gif" alt=""></a></li>
        <li class="one_third"><a href="#"><img src="images/demo/80x80.gif" alt=""></a></li>
        <li class="one_third"><a href="#"><img src="images/demo/80x80.gif" alt=""></a></li>
        <li class="one_third first"><a href="#"><img src="images/demo/80x80.gif" alt=""></a></li>
        <li class="one_third"><a href="#"><img src="images/demo/80x80.gif" alt=""></a></li>
        <li class="one_third"><a href="#"><img src="images/demo/80x80.gif" alt=""></a></li>
        <li class="one_third first"><a href="#"><img src="images/demo/80x80.gif" alt=""></a></li>
        <li class="one_third"><a href="#"><img src="images/demo/80x80.gif" alt=""></a></li>
        <li class="one_third"><a href="#"><img src="images/demo/80x80.gif" alt=""></a></li>
      </ul>
    </div>
    <div class="one_quarter">
      <h2 class="footer_title">From Twitter</h2>
      <div class="tweet-container">
        <ul class="list none">
          <li><strong>@<a href="#">name</a></strong> <span class="tweet_text">RT <span class="at">@</span><a href="#">name</a> Donec suscipit vehicula turpis sed lutpat Quisque vitae quam neque.</span> <span class="tweet_time"><a href="#">about 9 hours ago</a></span></li>
          <li><strong>@<a href="#">name</a></strong> <span class="tweet_text">RT <span class="at">@</span><a href="#">name</a> Donec suscipit vehicula turpis sed lutpat Quisque vitae quam neque.</span> <span class="tweet_time"><a href="#">about 9 hours ago</a></span></li>
          <li><strong>@<a href="#">name</a></strong> <span class="tweet_text">RT <span class="at">@</span><a href="#">name</a> Donec suscipit vehicula turpis sed lutpat Quisque vitae quam neque.</span> <span class="tweet_time"><a href="#">about 9 hours ago</a></span></li>
          <li><strong>@<a href="#">name</a></strong> <span class="tweet_text">RT <span class="at">@</span><a href="#">name</a> Donec suscipit vehicula turpis sed lutpat Quisque vitae quam neque.</span> <span class="tweet_time"><a href="#">about 9 hours ago</a></span></li>
        </ul>
      </div>
    </div>
    <div class="one_quarter">
      <h2 class="footer_title">Contact Us</h2>
      <form class="rnd5" action="DemoController?action=message"  method="post">
        <div class="form-input clear">
          <label for="ft_author">Name <span class="required">*</span><br>
            <input type="text" name="ft_author" id="ft_author" value="" size="22">
          </label>
          <label for="ft_email">Email <span class="required">*</span><br>
            <input type="text" name="ft_email" id="ft_email" value="" size="22">
          </label>
        </div>
        <div class="form-message">
          <textarea name="ft_message" id="ft_message" cols="25" rows="10"></textarea>
        </div>
        <p>
          <input type="submit" value="Submit" class="button small orange">
          &nbsp;
          <input type="reset" value="Reset" class="button small grey">
        </p>
      </form>
    </div>
  </div>
</div>
<div class="wrapper row4">
  <div id="copyright" class="clear">
    <p class="fl_left">Copyright &copy; 2013 - All Rights Reserved - <a href="#">Domain Name</a></p>
    <p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
  </div>
</div>
<!-- Scripts -->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>
<script>window.jQuery || document.write('<script src="layout/scripts/jquery-latest.min.js"><\/script>\
<script src="layout/scripts/jquery-ui.min.js"><\/script>')</script>
<script>jQuery(document).ready(function($){ $('img').removeAttr('width height'); });</script>
<script src="layout/scripts/jquery-mobilemenu.min.js"></script>
<script src="layout/scripts/custom.js"></script>
</body>
</html>